<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>我的租约</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <!--  新 Bootstrap 核心 CSS 文件  -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!--  jQuery文件。务必在bootstrap.min.js 之前引入  -->
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!--  最新的 Bootstrap 核心 JavaScript 文件  -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!--  私有css  -->
    <link rel="stylesheet" type="text/css" href="../../../public/css/common.css">
    <link rel="stylesheet" type="text/css" href="../../../public/css/historyDetail.css">
</head>

<body>
    <!-- 头部 -->
    <header class="top">
        <div class="back-button">
            <span class="back-icon"></span>
        </div>
        <div class="title">
            历史租约
        </div>
        <div class="history">
            <!-- <span class="history-icon"></span> -->
        </div>
    </header>
    <!--主体-->
    <section class="main" style="margin-bottom: 0px;">
        <div class="main-status">
            <div class="main-info">
                <div class="adress-info parties-info">
                    <p class="contract-number"><span name="contractNo"></span></p>
                    <p class="landlord parties">出租方</p>
                    <p class="landlord-name parties-name"><span name="lcHouseName"></span></p>
                    <!-- 如果公司地址木有，不显示公司地址 -->
                    <p class="adress-landlord parties-other companyAddr"><span>公司地址：</span><span name="lcCompanyAddr"></span></p>
                    <p class="adress-landlord parties-other"><span>房屋地址：</span><span name="lcHouseAddr"></span></p>
                </div>
                <div class="member-info parties-info">
                    <p class="member parties">承租方</p>
                    <p class="member-name parties-name"><span name="tenantsName">人名人名</span></p>
                    <p class="number-member parties-other"><span>证件号码：</span><span name="idCard"></span></p>
                    <p class="phone-member parties-other"><span>联系电话：</span><span name="tenantsPhone"></span></p>
                </div>
                <div class="rent-info">
                    <ul>
                        <li>
                            <p class="rent-info-title">固定租期（不可违约期）</p>
                            <p class="rent-info-content"><span name="leaseStartTime"></span> - <span name="leaseEndTime"></span></p>
                        </li>
                        <li>
                            <p class="rent-info-title">灵活租期（优先续租期）</p>
                            <p class="rent-info-content"><span name="noFixationStartTime"></span> - <span name="noFixationEndTime"></span></p>
                        </li>
                        <li>
                            <p class="rent-info-title">交租日（当月）</p>
                            <p class="rent-info-content"><span name="payDay"></span>日</p>
                        </li>
                        <li>
                            <p class="rent-info-title">租金（元）</p>
                            <p class="rent-info-content"><span name="rent"></span></p>
                        </li>
                    </ul>
                </div>
                <div class="check-contract">
                    <p><span>查看合同详情</span><span class="ahead-icon"></span></p>
                </div>
            </div>
            <!-- 图标，要根据接口状态切换背景图片，包含待确认、生效中、已失效 -->
            <div class="main-status-icon unconfirm">

            </div>
    </section>

    <script src="../../../public/config/config.js"></script>
    <script src="../../../public/js/common.js"></script>
    <script src="../../../public/lib/util.js"></script>
    <script src="../../../public/lib/post.js"></script>
    <script src="../../../public/js/historyDetail.js"></script>
</body>

</html>
